<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="css/login.css">
    <script src="js/login.js"></script>

<body>
    <div class="container">
        <div class="blueBg">
            <div class="box signin">
                <h2>Already Have An Account ?</h2>
                <button class="signinBtn">登录</button>
                </br>
            </div>
            <div class="box signup">
                <h2>Don't Have an Account ?</h2>
                <button class="signupBtn">注册</button>
            </div>
        </div>
        <!-- 登录表单 -->
        <div class="formBx">
            <div class="form signinForm">
                <form action="test01.html" method="post" th:action="@{/login}">
                    <h3>Sign In</h3>
                    <input type="text" placeholder="Username" name="userName">
                    <input type="password" placeholder="Password" name="password">
                    <input type="submit" value="Login">

<!--                    <a href="#" class="forgot">Forgot Password</a>-->
                </form>
            </div>

            <!-- 注册表单 -->
            <div class="form signupForm">
                <form action="Login.html" method="post" th:action="@{/adduser}">
                    <h3>Sign Up</h3>
                    <input type="text" placeholder="Username" name="userName">
                    <input type="password" placeholder="Password" name="password">
                    <input type="password" placeholder="RePassword" name="rePassword">
                    <input type="submit" value="register">
                </form>
            </div>
        </div>
    </div>
</body>

</html>